<template>
  <!--  <div class="dashboard-editor-container">-->
  <!--    <div class="daichuli">-->
  <!--      <h5>待处理</h5>-->
  <!--      <div>-->
  <!--        <p @click="handleGoods" class="jump">-->
  <!--          提醒发货<span>{{ handleData.shippingWarningCnt }}>></span>-->
  <!--        </p>-->
  <!--        <p @click="jump1" class="jump">-->
  <!--          破财待发货<span>{{ handleData.shippingCnt }}>></span>-->
  <!--        </p>-->
  <!--        <p @click="jump5" class="jump">-->
  <!--          盲盒待发货<span>{{ handleData.blindBoxOrderCnt }}>></span>-->
  <!--        </p>-->
  <!--        <p @click="jump2" class="jump">-->
  <!--          申请红积分<span>{{ handleData.redLockedCnt }}>></span>-->
  <!--        </p>-->
  <!--        <p @click="jump3" class="jump">-->
  <!--          红积分提现<span>{{ handleData.redWithdrawCnt }}>></span>-->
  <!--        </p>-->
  <!--        <p @click="jump4" class="jump">-->
  <!--          红积分购买<span>{{ handleData.greenOrderCnt }}>></span>-->
  <!--        </p>-->
  <!--      </div>-->
  <!--    </div>-->
  <!--    &lt;!&ndash; <panel-group @handleSetLineChartData="handleSetLineChartData" />-->
  <!--    <el-row style="background: #fff; padding: 16px 16px 0; margin-bottom: 32px">-->
  <!--      <line-chart :chart-data="lineChartData" />-->
  <!--    </el-row>-->
  <!--    <el-row :gutter="32">-->
  <!--      <el-col :xs="24" :sm="24" :lg="8">-->
  <!--        <div class="chart-wrapper">-->
  <!--          <raddar-chart />-->
  <!--        </div>-->
  <!--      </el-col>-->
  <!--      <el-col :xs="24" :sm="24" :lg="8">-->
  <!--        <div class="chart-wrapper">-->
  <!--          <pie-chart />-->
  <!--        </div>-->
  <!--      </el-col>-->
  <!--      <el-col :xs="24" :sm="24" :lg="8">-->
  <!--        <div class="chart-wrapper">-->
  <!--          <bar-chart />-->
  <!--        </div>-->
  <!--      </el-col>-->
  <!--    </el-row> &ndash;&gt;-->
  <!--    &lt;!&ndash; 待处理列表 &ndash;&gt;-->
  <!--    <el-dialog-->
  <!--      title="待处理"-->
  <!--      :visible.sync="open"-->
  <!--      append-to-body-->
  <!--      width="1200px"-->
  <!--    >-->
  <!--      <el-table :data="userBillList">-->
  <!--        <el-table-column-->
  <!--          label="序号"-->
  <!--          align="center"-->
  <!--          prop="account"-->
  <!--          type="index"-->
  <!--        />-->
  <!--        <el-table-column label="用户ID" align="center" prop="userId" />-->
  <!--        <el-table-column label="订单号" align="center" prop="id" />-->
  <!--        <el-table-column label="提醒时间" align="center" prop="messageTime" />-->
  <!--        <el-table-column-->
  <!--          label="操作"-->
  <!--          align="center"-->
  <!--          class-name="small-padding fixed-width"-->
  <!--        >-->
  <!--          <template slot-scope="scope">-->
  <!--            <el-button-->
  <!--              size="mini"-->
  <!--              type="text"-->
  <!--              icon="el-icon-setting"-->
  <!--              @click="handleDelete(scope.row)"-->
  <!--              >查看订单-->
  <!--            </el-button>-->
  <!--          </template>-->
  <!--        </el-table-column>-->
  <!--      </el-table>-->
  <!--      <pagination-->
  <!--        :total="total"-->
  <!--        :page.sync="queryParams.pageNum"-->
  <!--        :limit.sync="queryParams.pageSize"-->
  <!--        @pagination="getUserBillList"-->
  <!--      />-->
  <!--    </el-dialog>-->

  <!--    &lt;!&ndash; 详情 &ndash;&gt;-->
  <!--    <el-dialog-->
  <!--      title="提醒发货"-->
  <!--      :visible.sync="open1"-->
  <!--      width="700px"-->
  <!--      append-to-body-->
  <!--    >-->
  <!--      <el-form ref="form" :model="form" label-width="100px" size="mini">-->
  <!--        <el-row>-->
  <!--          <el-col :span="12">-->
  <!--            <el-form-item label="商品名称">{{ form.skuName }}</el-form-item>-->
  <!--          </el-col>-->
  <!--          <el-col :span="12">-->
  <!--            <el-form-item label="商品类型">-->
  <!--              <span v-if="form.productType == 0">普通商品</span>-->
  <!--              <span v-else-if="form.productType == 1">项目商品</span>-->
  <!--            </el-form-item>-->
  <!--          </el-col>-->
  <!--        </el-row>-->
  <!--        <el-row>-->
  <!--          <el-col :span="12">-->
  <!--            <el-form-item label="创建时间">{{ form.createTime }}</el-form-item>-->
  <!--          </el-col>-->
  <!--          <el-col :span="12">-->
  <!--            <el-form-item label="商品成本">{{ form.costPrice }}</el-form-item>-->
  <!--          </el-col>-->
  <!--        </el-row>-->
  <!--        <el-row>-->
  <!--          <el-col :span="12">-->
  <!--            <el-form-item label="初始售价">{{-->
  <!--              form.resaleSalePrice-->
  <!--            }}</el-form-item>-->
  <!--          </el-col>-->
  <!--          <el-col :span="12">-->
  <!--            <el-form-item label="目前售价">{{-->
  <!--              form.originalPrice-->
  <!--            }}</el-form-item>-->
  <!--          </el-col>-->
  <!--        </el-row>-->
  <!--        <el-form-item label="商品主图">-->
  <!--          &lt;!&ndash; v-for="(item, index) in form.imageList" &ndash;&gt;-->
  <!--          &lt;!&ndash; :key="index" &ndash;&gt;-->
  <!--          <el-image-->
  <!--            style="width: 100px; height: 100px"-->
  <!--            :src="requestUrl + form.goodsImage"-->
  <!--          >-->
  <!--            &lt;!&ndash; :preview-src-list="form.imageList" &ndash;&gt;-->
  <!--          </el-image>-->
  <!--        </el-form-item>-->
  <!--        <el-row>-->
  <!--          <el-col :span="12">-->
  <!--            <el-form-item label="拥有者ID">{{ form.userId }}</el-form-item>-->
  <!--          </el-col>-->
  <!--          <el-col :span="12">-->
  <!--            <el-form-item label="购买时间">{{ form.payTime }}</el-form-item>-->
  <!--          </el-col>-->
  <!--        </el-row>-->
  <!--        <el-form-item label="订单号">{{ form.orderId }}</el-form-item>-->
  <!--        &lt;!&ndash; 0-仓库中,1-转售中,2,理财中,3-已提货,4-已转售 &ndash;&gt;-->
  <!--        <el-form-item label="商品状态">-->
  <!--          <span v-if="form.orderGoodsType == 0">仓库中</span>-->
  <!--          <span v-if="form.orderGoodsType == 1">转售中</span>-->
  <!--          <span v-if="form.orderGoodsType == 2">理财中</span>-->
  <!--          <span v-if="form.orderGoodsType == 3">已提货</span>-->
  <!--          <span v-if="form.orderGoodsType == 4">已转售</span>-->
  <!--        </el-form-item>-->
  <!--        &lt;!&ndash; takeDeliveryUserName tel addressName &ndash;&gt;-->
  <!--        <el-form-item label="收货信息"-->
  <!--          >{{ form.takeDeliveryUserName }}{{ form.tel-->
  <!--          }}{{ form.addressName }}</el-form-item-->
  <!--        >-->
  <!--        <el-form-item label="申请回收时间">{{-->
  <!--          form.goodsCreateTime-->
  <!--        }}</el-form-item>-->
  <!--        <el-form-item label="发货备注">{{ form.remarks }}</el-form-item>-->
  <!--      </el-form>-->
  <!--      <div slot="footer" class="dialog-footer">-->
  <!--        <el-button @click="open2 = true">发货</el-button>-->
  <!--      </div>-->
  <!--    </el-dialog>-->

  <!--    &lt;!&ndash; 提醒发货 &ndash;&gt;-->
  <!--    <el-dialog-->
  <!--      title="确认发货信息"-->
  <!--      :visible.sync="open2"-->
  <!--      width="700px"-->
  <!--      append-to-body-->
  <!--    >-->
  <!--      <el-form ref="form" :model="form" label-width="100px" size="mini">-->
  <!--        <el-form-item label="请选择快递" prop="logisticsName">-->
  <!--          <el-input v-model="form.logisticsName" />-->
  <!--        </el-form-item>-->
  <!--        <el-form-item label="快递单号" prop="logisticsOrderNum">-->
  <!--          <el-input v-model="form.logisticsOrderNum" />-->
  <!--        </el-form-item>-->
  <!--      </el-form>-->
  <!--      <div slot="footer" class="dialog-footer">-->
  <!--        <el-button @click="deliver">发货</el-button>-->
  <!--        &lt;!&ndash; <el-button @click="open = false" v-else>关 闭</el-button> &ndash;&gt;-->
  <!--      </div>-->
  <!--    </el-dialog>-->
  <!--  </div>-->
</template>

<!--<script>-->
<!--// import PanelGroup from "./dashboard/PanelGroup";-->
<!--// import LineChart from "./dashboard/LineChart";-->
<!--// import RaddarChart from "./dashboard/RaddarChart";-->
<!--// import PieChart from "./dashboard/PieChart";-->
<!--// import BarChart from "./dashboard/BarChart";-->

<!--// const lineChartData = {-->
<!--//   newVisitis: {-->
<!--//     expectedData: [100, 120, 161, 134, 105, 160, 165],-->
<!--//     actualData: [120, 82, 91, 154, 162, 140, 145],-->
<!--//   },-->
<!--//   messages: {-->
<!--//     expectedData: [200, 192, 120, 144, 160, 130, 140],-->
<!--//     actualData: [180, 160, 151, 106, 145, 150, 130],-->
<!--//   },-->
<!--//   purchases: {-->
<!--//     expectedData: [80, 100, 121, 104, 105, 90, 100],-->
<!--//     actualData: [120, 90, 100, 138, 142, 130, 130],-->
<!--//   },-->
<!--//   shoppings: {-->
<!--//     expectedData: [130, 140, 141, 142, 145, 150, 160],-->
<!--//     actualData: [120, 82, 91, 154, 162, 140, 130],-->
<!--//   },-->
<!--// };-->
<!--import { remind, indexData } from "@/api/login";-->
<!--import { deliverGoods, orderDetailsList } from "@/api/admin/activity";-->

<!--export default {-->
<!--  name: "Index",-->
<!--  // components: {-->
<!--  //   PanelGroup,-->
<!--  //   LineChart,-->
<!--  //   RaddarChart,-->
<!--  //   PieChart,-->
<!--  //   BarChart,-->
<!--  // },-->
<!--  data() {-->
<!--    return {-->
<!--      // lineChartData: lineChartData.newVisitis,-->
<!--      handleData: {},-->
<!--      open: false,-->
<!--      open1: false,-->
<!--      open2: false,-->
<!--      title: "",-->
<!--      total: 0,-->
<!--      queryParams: {-->
<!--        pageNum: 1,-->
<!--        pageSize: 10,-->
<!--      },-->
<!--      userBillList: [],-->
<!--      form: {},-->
<!--      requestUrl : this.$img.requestUrl-->
<!--    };-->
<!--  },-->
<!--  created() {-->
<!--    indexData().then((res) => {-->
<!--      this.handleData = res.data;-->
<!--    });-->
<!--  },-->
<!--  methods: {-->
<!--    // handleSetLineChartData(type) {-->
<!--    //   this.lineChartData = lineChartData[type];-->
<!--    // },-->
<!--    getUserBillList() {-->
<!--      // userDetailsList(this.queryParams).then((response) => {-->
<!--      //   this.userBillList = response.rows;-->
<!--      //   this.userBillTotal = response.total;-->
<!--      // });-->
<!--    },-->
<!--    handleGoods() {-->
<!--      this.open = true;-->
<!--      remind(this.queryParams).then((response) => {-->
<!--        this.userBillList = response.data;-->
<!--        // this.total = response.total;-->
<!--        this.loading = false;-->
<!--      });-->
<!--      // this.open1 = true;-->
<!--    },-->
<!--    jump1() {-->
<!--      this.$router.push({ path: "/activity/activityOrder" });-->
<!--    },-->
<!--    jump2() {-->
<!--      this.$router.push({ path: "/integralManage/new/apply" });-->
<!--    },-->
<!--    jump3() {-->
<!--      this.$router.push({ path: "/integralManage/withdraw" });-->
<!--    },-->
<!--    jump4() {-->
<!--      this.$router.push({ path: "/integralManage/integralOrder" });-->
<!--    },-->
<!--    jump5() {-->
<!--      this.$router.push({ path: "/exploration/box/boxOrder" });-->
<!--    },-->
<!--    handleDelete(row) {-->
<!--      this.open1 = true;-->
<!--      orderDetailsList(row.id).then((res) => {-->
<!--        this.form = res.data;-->
<!--      });-->
<!--    },-->
<!--    deliver() {-->
<!--      deliverGoods({-->
<!--        logisticsName: this.form.logisticsName,-->
<!--        logisticsOrderNum: this.form.logisticsOrderNum,-->
<!--        orderId: this.form.id.toString(),-->
<!--      }).then((res) => {-->
<!--        if (res.code == 200) {-->
<!--          this.msgSuccess("已发货");-->
<!--          this.cancel();-->
<!--        }-->
<!--      });-->
<!--    },-->
<!--    cancel() {-->
<!--      this.open = false;-->
<!--      this.open1 = false;-->
<!--      this.open2 = false;-->
<!--    },-->
<!--  },-->
<!--};-->
<!--</script>-->

<!--<style lang="scss" scoped>-->
<!--.dashboard-editor-container {-->
<!--  padding: 32px;-->
<!--  background-color: rgb(240, 242, 245);-->
<!--  position: relative;-->

<!--  .chart-wrapper {-->
<!--    background: #fff;-->
<!--    padding: 16px 16px 0;-->
<!--    margin-bottom: 32px;-->
<!--  }-->
<!--}-->

<!--@media (max-width: 1024px) {-->
<!--  .chart-wrapper {-->
<!--    padding: 8px;-->
<!--  }-->
<!--}-->
<!--.daichuli {-->
<!--  h5 {-->
<!--    font-size: 32px;-->
<!--  }-->
<!--  p {-->
<!--    margin-bottom: 30px;-->
<!--  }-->
<!--}-->
<!--.jump {-->
<!--  cursor: pointer;-->
<!--}-->
<!--</style>-->
